/*
*  通用组件样式修改
* 如顶部、侧边nav、全局表格样式
*/ 
.announcement {
  /* div内部滚动条样式 */
  ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #e9e8e9;
  }
  ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: white;
  }
}

// .avatar{
//   .el-submenu__title{
//     padding: 0 2px !important;
//   }
// }
/* 头部导航栏待办事项 */
.head_bar {
  .el-menu--horizontal > .el-menu-item, .el-submenu__title{
    height: 64px !important;
    line-height: 64px !important;
  }
  .message_box {
    .badge {
      .el-badge__content {
        top: 15px;
        right: 35px;
        background-color: red;
      }
    }
  }
}

/* 侧边栏无收缩菜单下样式 */
.sideBar {
  .el-menu-item {
    width: 100%;
  }
  .is-active{
    background-color: #1890ff !important;
  }
  .el-menu-item:hover{
    background-color: #1890ff !important;
  }
}

/* 表格头部颜色 */
.el-table .el-table__header th {
  // th会把tr的背景遮住，所以将th背景透明
  color: white;
  background: transparent;
}
.el-table .el-table__header tr {
  color: white;
  background: #001529 !important;
}
.sub_table{
  .el-table .el-table__header th {
    // th会把tr的背景遮住，所以将th背景透明
    color: black;
    background: white;
  }
  .el-table .el-table__header tr {
    color: black;
    background: white;
  }
}

/* 表格的高度，这里是大部分结构相同的页面样式高度。如果有特殊的可以自行使用自己写的 */
.table_data {
  height: calc(100% - 90px);
  /deep/.el-table {
    height: 100%;
    /deep/ .el-table__body-wrapper {
      height: calc(100% - 42px);
      overflow-y: auto;
    }
  }
}
.table_data2 {
  height: calc(100% - 141px);
  /deep/.el-table {
    height: 100%;
    /deep/ .el-table__body-wrapper {
      height: calc(100% - 42px);
      overflow-y: auto;
    }
  }
}
// 分页
.table_foot {
  text-align: right;
  margin-top: 6px;
  .btn_group{
    float: left;
    line-height: 35px;
    display: inline-block;
  }
  .paging{
    display: inline-block;
  }
}
// 按钮行
.button_list {
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #e6e6e6;
}
/* 卡片头部样式 */
.box-card {
  margin-bottom: 20px;
  .text {
    margin-left: 10px;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
  }
  .avatar {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    border-radius: 50%;
  }
  .tip-box {
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 3px solid #3498db;
    font-size: 14px;
  }
  .btn-group {
    margin-left: 5px;
    float: right;
    padding: 3px 0;
  }
}

/* 卡片标签头部 */
.el-tabs__item {
  .tabs-icon {
    margin-right: 10px;
    line-height: 16px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
  }
}

/* 表格头部按钮组 */
.fotm-title-btn {
  margin: 10px 0;
}

/* 消息列表表格 */
.message_manage{
  .el-table__row{
    cursor: pointer;
  }
}
